<template>
  <div class="dy_info">
    <el-timeline>
      <el-timeline-item
        v-for="(activity, index) in logs"
        :key="index"
        :timestamp="activity.create_time"
        color="var(--color-primary)">
        <div style="font-size: 16px">{{ activity.action }}</div>
        <div style="margin: 10px 0">{{activity.user_name}}</div>
      </el-timeline-item>
    </el-timeline>
  </div>
</template>

<script>
export default {
  name: "dynamicInfo",
  data() {
    return {}
  },
  props: ["logs"]
}
</script>

<style lang="scss" scoped>
.dy_info {
  margin: 20px 0 0 5px;
}
</style>
